﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
	<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<!-- container -->
	<div id="container">

		<p id="time">2014/02/20 01:35</p>

		<!-- main-nav -->
		<div id="main-nav">
			<a href="#" class="nav-item" id="main_nav_logo"></a>				
			<a href="#" class="nav-item" id="main_nav_state"></a>
			<a href="#" class="nav-item" id="main_nav_register"></a>
			<a href="#" class="nav-item" id="main_nav_report"></a>
			<a href="#" class="nav-item" id="main_nav_control"></a>
			<a href="#" class="nav-item" id="main_nav_revision"></a>
			<a href="#" class="nav-item" id="main_nav_maintain"></a>
			<a href="#" class="nav-item" id="main_nav_blank1"></a>
			<a href="#" class="nav-item" id="main_nav_blank2"></a>
			<div id="main_nav_logout"><span>administrator</span></div>
		</div> <!-- end div#main-nav -->

		<!-- left-nav -->
		<div id="left-nav">
			<div id="left-nav-top"></div>
			<div id="left-nav-middle">
				<select id="select1">
					<option>東京エリア</option>
					<option>東京エリア</option>
					<option>東京エリア</option>
					<option>東京エリア</option>
				</select>

				<ul class="left_nav_list">
					<li class="left_nav_header">神奈川県０１</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_header">神奈川県０１</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_header">神奈川県０１</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_header">神奈川県０１</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_header">神奈川県０１</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>
					<li class="left_nav_item">●●ΔΔΔ●●ΔΔΔ●●ΔΔΔ●●Δ神奈</li>

				</ul>
			</div>
			<div id="left-nav-bottom"></div>
		</div> <!-- end div#left-nav -->

		<!-- contents -->
		<div id="contents-wrapper">
			<div id="tab-nav">
				<a href="#" id="tab-map"></a>
				<a href="#" id="tab-diagram"></a>
				<a href="#" id="tab-process"></a>
				<a href="#" id="tab-allprocess"></a>
			</div>

			<div id="contents"> <!-- contents ↓↓ -->
				<div id="contents-top"></div>
				<div id="contents-middle"> <!-- contents-middle ↓↓ -->
					<div id="tab-title">
						<span>神奈川県０１</span>
						<a href="#" id="btn-updated"></a>
					</div>

					<!-- Information ↓↓ -->
					<div id="info-wrapper">
						<table class="info-table">
							<tr>
								<th>観測局所在地</th>
								<td>神奈川県横浜市中区日本大通</td>
							</tr>
							<tr>
								<th>経度/経度</th>
								<td>35.26.52.593/139.38.33.272</td>
							</tr>
						</table>
					</div>
					<!-- Information ↑↑ -->

					<!-- Map ↓↓ -->
					<div class="map-wrapper">
						<img alt="map" src="images/img_map.jpg" width="702" height="380"/>
					</div>
					<!-- Map ↑↑ -->

					<!-- Description ↓↓ -->
					<div class="des-wrapper">
						<table class="info-table">
							<tr>
								<th>凡例</th>
								<td>
									<div>
										<img alt="" src="images/mapmark3.png"/>通常
										<img alt="" src="images/mapmark1.png"/>装置監視状態
										<img alt="" src="images/mapmark2.png"/>欠測
									</div>
								</td>
							</tr>
						</table>
					</div>
					<!-- Description ↑↑ -->

				</div>  <!-- contents-middle ↑↑ -->
				<div id="contents-bottom"></div>
			</div> <!-- contents ↑↑ -->
		</div>
	</div> <!-- end div#container -->
</body>
</html>
